﻿.name{font-size:32px;font-weight:bold;text-align:center;}
.content .txt{color:#909298;font-size:16px;text-align:center;margin:10px 0px 0px 0px;}
.about .name{margin: 3vw 0px 0px 0px;}
.about{width:1200px;margin:0 auto;}
.about1{margin: 50px 0px 80px 0px;}
.aboutL{width:560px;height:320px;float:left;margin: 10px 0px 0px 0px;}
.aboutL img{width:100%;height:100%;}
.aboutR{width:535px;float:right;}
.aboutR .title{font-size:24px;color:#313131;font-weight:bold;line-height: 36px;}
.aboutR .sum{color:#000;font-size:16px;line-height: 28px;margin:15px 0px;}
.aboutR .more{width:125px;height:35px;line-height:35px;text-align:center;display:block;font-size:14px;color:#fff;background:#009b85;border-radius:50px;}
.aboutR .more:hover{font-weight:bold;}
.product {background:url(../images/indexbg1.jpg) center center no-repeat;padding: 5.2vw 0px 4vw 0px;background-size: cover;}
.product .in{width:1200px;margin:25px auto 35px;font-size:16px;color:#000000;line-height:30px;text-align:center;}
.product .product2{width:1200px;margin:0px auto;}
.product ul li{float:left;width:223px;height:345px;border:2px solid #009b85;border-radius:5px;box-sizing:border-box;margin:0px 20px 0px 0px;transition:0.5s all ease;}
.product ul li:nth-child(5n){margin-right:0px;}
.product ul li a{display:block;height:100%;width:100%;}
.product ul li .Img{height:208px;margin: 35px 0px 0px 0px;padding: 0px 0px 20px 0px;text-align: center;line-height: 208px;transition:0.5s all ease;background:transparent;}
.product ul li .Img img{max-width:100%;max-height:100%;vertical-align:middle;}
.product ul li .title:before{width: 35px;height: 4px;background: #009b85;content:'';display:block;margin: 0px 0px 12px 0px;transition:0.5s all ease;}
.product ul li .title{font-size:22px;color:#313131;font-weight:bold;position:relative;padding: 0px 20px;}
.product ul li:hover .Img{background:url(../images/indexbg2.png) center bottom no-repeat;}
.product ul li:hover{background:#009b85;}
.product ul li:hover .title:before{background:#fff;}
.product ul li:hover .title{color:#fff;}
.product .more{width:125px;height:33px;line-height:33px;background:#009b85;color:#fff;font-size:14px;display:block;text-align:center;border-radius:50px;margin: 35px auto 0px;}
.product .more:hover{font-weight:bold;}
.product .swiper-button-prev,.product .swiper-button-next{display:none;}


.news{margin:3.2vw auto 3.65vw;width:1200px;}
.news li{float:left;width:389px;margin: 0px 16px 0px 0px;box-shadow: 0px 5px 30px 4px #eee;border-bottom:9px solid transparent;transition:0.5s all ease;}
.news .news2{margin:26px 0px 0px 0px;}
.news li .Img{height:262px;overflow:hidden;}
.news li .Img img{width:100%;height:100%;transition:0.5s all ease;}
.news li:nth-child(3n){margin-right:0px;}
.news li .words{padding: 25px 25px 35px 25px;}
.news li .title{font-size:24px;color:#000000;font-weight:bold;line-height:36px;}
.news .more{width:125px;height:33px;line-height:33px;background:#009b85;color:#fff;font-size:14px;display:block;text-align:center;border-radius:50px;margin: 35px auto 0px;}
.news .more:hover{font-weight:bold;}
.news li .time{font-size:16px;color:#909298;margin:15px 0px 0px 0px;}
.news li .time .m1{float:right;}
.news li:hover img{transform:scale(1.2);}
.news li:hover .title{color:#009b85;}
.news li:hover .time{color:#009b85;}
.news li:hover{border-bottom:9px solid #009b85;}
.news .swiper-button-prev,.news .swiper-button-next{display:none;}

@media(max-width:1024px){

.about{width:94vw;margin: 0px auto 30px;}
    .about .name{font-size:18px;margin: 25px 0px 0px 0px;}
    .content .txt{font-size:14px;}
    .about1{margin: 20px 0px 0px 0px;}
    .aboutL{width:100%;height:auto;float:none;margin: 0;}
    .aboutR{width:100%;float:none;margin: 10px 0px 0px 0px;}
    .aboutR .title{font-size:18px;line-height: 28px;}
    .aboutR .sum{font-size:14px;margin: 10px 0px 15px 0px;line-height: 24px;}
    .aboutR .more{width:100px;height:30px;line-height:30px;font-size:12px;}

    .product{padding: 30px 0px;}
    .name{font-size:18px;}
    .product .in{width:94vw;font-size:14px;line-height: 24px;margin: 10px auto 30px;}
    .product1{width:94vw;margin:0 auto;position:relative;}
    .product .product2{width: 98%;margin:0 auto;overflow: hidden;}
    .product ul{width: unset;}
    .product ul li{height:45vw;margin: 0px;}
    .product ul li .Img{height: 30vw;margin: 1vw 0px 0px 0px;line-height: 30vw;padding: 0px 0px 10px 0px;}
    .product ul li .title{font-size: 10px;padding: 0px 5px;}
    .product ul li .title:before{width:30px;height:3px;margin: 0px 0px 8px 0px;}
    .product .more{width:100px;height:30px;line-height:30px;font-size:12px;margin: 20px auto 0px;}
    .product .swiper-button-prev:after, .product .swiper-button-next:after{display:none;}
    .product .swiper-button-prev,.product .swiper-button-next{display:block;width: 20px;height: 60px;background:url(../images/icon-prev.png) #009b85 center center no-repeat;border-radius: 3px;margin-top: -30px;}
    .product .swiper-button-prev{left: -6px;}
    .product .swiper-button-next{right: -6px;background:url(../images/icon-next.png) #009b85 center center no-repeat;}
    .product ul li:hover .Img{background-size:cover;}
    .news{width:94vw;margin: 30px auto;}
    .news1{position:relative;}
    .news .news2 {margin: 18px auto 0px;overflow: hidden;width: 98%;padding: 0px 0px 20px 0px;}
    .news li{width:48%;box-shadow: 0px 2px 18px 3px #eee;}
    .news li .Img{height:31vw;line-height:30vw;}
    .news li .words{padding:10px;}
    .news li .title{font-size:14px;line-height:22px;height: 44px;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
    .news li .time{font-size:12px;margin: 7px 0px 0px 0px;}
    .news .swiper-button-prev:after,.news .swiper-button-next:after{display:none;}
    .news .swiper-button-prev,.news .swiper-button-next{display:block;width: 20px;height: 60px;background:url(../images/icon-prev.png) #009b85 center center no-repeat;border-radius: 3px;margin-top: -40px;}
    .news .swiper-button-prev{left: -6px;}
    .news .swiper-button-next{right: -6px;background:url(../images/icon-next.png) #009b85 center center no-repeat;}
    .news .more{width:100px;height:30px;line-height:30px;font-size:12px;margin:10px auto 0px;}










}





